<!DOCTYPE html>
<html lang="en">
<head>
	<base href="{{ViewHelper::getBaseUrl()}}">
	<meta charset="utf-8">
	<check if="{{ @page.title != 'Home' }}">
		<true>
			<title>{{ @page.title }} | Fat-Free Framework for PHP</title>
		</true>
		<false>
			<title>Fat-Free Framework for PHP</title>
		</false>
	</check>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="A powerful yet easy-to-use PHP micro-framework designed to help you build dynamic and robust web applications - fast!">
	<meta name="author" content="F3::Community">
	<meta name="robots" content="index,follow">
	<link href="{{@BASE}}/{{@UI}}css/jquery.tocify.css" rel="stylesheet">
	<link href="{{@BASE}}/{{@UI}}css/bootstrap.min.css" rel="stylesheet">
	<link href="{{@BASE}}/{{@UI}}css/font-awesome.min.css" rel="stylesheet">
	<link href="{{@BASE}}/{{@UI}}css/main.css" rel="stylesheet">
	<link href="{{@BASE}}/{{@UI}}css/code.css" rel="stylesheet">

	<link rel="shortcut icon" href="{{@BASE}}/{{@UI}}img/f3_fav_32.ico">
	<link rel="apple-touch-icon" href="{{@BASE}}/{{@UI}}img/f3_fav_57_precomposed.png">
	<link rel="apple-touch-icon" sizes="144x144" href="{{@BASE}}/{{@UI}}img/f3_fav_144_precomposed.png"/>
</head>

<body>
	<div class="navbar navbar-default navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-content">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a href="{{@BASE}}/" class="navbar-brand"><img src="{{@BASE}}/{{@UI}}img/logo.png" alt=""></a>
			</div>
			<div class="collapse navbar-collapse navbar-right navbar-content">
				<navigation menu="main" tmpl="navigation_main.html"></navigation>
			</div>
		</div>
	</div>
	<check if="{{isset(@content)}}">{{@content | raw}}</check>
	<include if="{{isset(@include)}}" href="{{@include}}"></include>
	<footer>
		<div class="cont">
			<div class="container">
				<div class="row">
					<div class="col-sm-4">
						<p class="socialButtons">
							<a href="https://github.com/bcosca/fatfree" title="visit the F3 project on github" target="_blank"><i class="fa fa-github"></i></a>
							<a href="http://stackoverflow.com/questions/tagged/fat-free-framework" title="get help on stackoverflow" target="_blank"><i class="fa fa-stack-overflow"></i></a>
							<a href="https://groups.google.com/forum/#!forum/f3-framework" title="talk to F3 experts and other users at the official Google Group" target="_blank"><i class="fa fa-users"></i></a>
							<a href="https://twitter.com/phpfatfree" title="follow @phpfatfree on Twitter" target="_blank"><i class="fa fa-twitter"></i></a>
							<a href="https://fatfreeframework-slack.herokuapp.com/" title="Join the conversation on Slack" target="_blank"><i class="fa fa-slack"></i></a>
							<a href="https://matrix.to/#/#fat-free-framework:matrix.org" title="Join the conversation on Matrix" target="_blank"><i class="fa fa-gamepad"></i></a>
						</p>
					</div>
					<div class="col-sm-4">
						<p>Copyright &copy; F3::Community</p>
					</div>
					<div class="col-sm-4">
						<p>
							<a class="donate" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=MJSQL8N5LPDAY" title="donate with PayPal"></a>
						</p>
					</div>
				</div>
			</div>
		</div>
	</footer>

	<script src="{{@BASE}}/{{@UI}}js/jquery-1.11.1.min.js"></script>
	<script src="{{@BASE}}/{{@UI}}js/jquery-ui.min.js"></script>
	<script src="{{@BASE}}/{{@UI}}js/bootstrap.min.js"></script>
	<script src="{{@BASE}}/{{@UI}}js/jquery.tocify.min.js"></script>
	<script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>
		<script src="{{@BASE}}/{{@UI}}js/main.js"></script>
		<script>
			(function (i, s, o, g, r, a, m) {
				i['GoogleAnalyticsObject'] = r;
				i[r] = i[r] || function () {
						(i[r].q = i[r].q || []).push(arguments)
				}, i[r].l = 1 * new Date();
				a = s.createElement(o),
								m = s.getElementsByTagName(o)[0];
				a.async = 1;
				a.src = g;
				m.parentNode.insertBefore(a, m)
			})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
			ga('create', 'UA-42244192-1', 'fatfreeframework.com');
			ga('send', 'pageview');
		</script>
		<!--[if lte IE 8]>
		<script type="text/javascript">
			$(document).ready(function () {
				$('ul.tree li:last-child').addClass('last');
			});
		</script>
		<![endif]-->
</body>
</html>
